import React, { PropTypes } from 'react'

const Link = ({ active, children, onClick }) => {
    if (active) { return (<span>{children}</span>); }

    return (
        <a 
            href="#" 
            onClick={e => {
                e.preventDefault();
                onClick();
            }}
        >
            {children}
        </a>
    )
}

Link.propTypes = {
    'active'  : PropTypes.bool.isRequired,
    'children': PropTypes.node.isRequired,
    'onClick' : PropTypes.func.isRequired
}

export default Link